html {
    font-size: 312.5%;
}

@media screen and (max-width:359px) and (orientation:portrait) {
    html {
        font-size: 266.67%;
    }
}

@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html {
        font-size: 300%;
    }
}

@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
    html {
        font-size: 320%;
    }
}

@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html {
        font-size: 333.33%;
    }
}

@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait) {
    html {
        font-size: 345%;
    }
}

@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait) {
    html {
        font-size: 360%;
    }
}

@media screen and (min-width:480px) and (max-width:639px) and (orientation:portrait) {
    html {
        font-size: 400%;
    }
}

@media screen and (min-width:640px) and (max-width:979px) and (orientation:portrait) {
    html {
        font-size: 533.33%;
    }
}

@media screen and (min-width:980px) {
    html {
        font-size: 250%;
    }
}
